.container {
    width: 500px;
    margin: 0 auto;
    background: #008c8c;
    /* 圆角边框 */
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    color: #fff;
}

.calendar-title {
    /* 让该容器成为网格布局 */
    display: grid;
    /* 设置每一列的宽度，同时指定有多少列 */
    /* 分成7列，每列占的宽度一致，直到把容器的宽度瓜分完 */
    grid-template-columns: repeat(7, 1fr);
    margin: 15px 0;
}

.calendar-content {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-row-gap: 10px;
}

.calendar-content .today {
    background: #fff;
    color: #008c8c;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    margin: 0 auto;
}